.filter-search {
  width: 100%;
  padding: 20px;
}

.flex-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  justify-content: flex-start;
}

.form-item {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  width: auto; 
}

.button-group {
  display: flex;
  gap: 10px;
  margin-left: 0; 
  flex-shrink: 0;
}

/* 统一设置表单元素宽度 */
.flex-form .el-input,
.flex-form .el-select,
.flex-form .el-date-picker {
  width: 200px; /* 可根据实际需求调整宽度 */
}

.flex-form .el-picker-panel {
  min-width: 320px !important; /* 根据实际情况调整宽度 */
}

.filter-search,
.flex-form,
.el-form-item {
  overflow: visible !important;
  clip-path: none !important;
}

.el-date-picker {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2000 !important; /* 确保 z-index 足够高，不会被其他元素覆盖 */
}

/* 当空间不足时，按钮组整体换行 */
@media (max-width: 768px) {
  .button-group {
    width: 100%;
    justify-content: center;
  }
}